<!--
	http://demo.cssworld.cn/8/6-7.php
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
p {
  padding: 10px 20px;
  background-color: #f0f3f9;
}
.justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.demo{
	max-width: 300px;
margin: auto;
text-align: left;
}
.demo p {
	margin: .5em 0 1em;
}
		</style>
	</head>
	<body>
<div class="demo">
    	          
            <strong>居左对齐</strong>
            <p>这是一段临时想出来的文案，其中可能参杂了几个英文单词，例如CSS，例如JS等。</p>
            <strong>两端对齐</strong>
            <p class="justify">这是一段临时想出来的文案，其中可能参杂了几个英文单词，例如CSS，例如JS等。</p>
        </div>
	</body>	
</html>
